<script setup lang="ts">
import { computed } from "@vue/reactivity";
import {provide,ref} from "vue";

// 一、依赖注入：
// 1、提供数据：值是写死的
// provide("title","我是根组件");
// 2、提供数据：值是变量。但是这样写，并不是响应式的。因为，传递的值是字符串。不是响应式的数据
// const value = ref("我是根组件");
// provide("title",value.value);


// 3、提供数据：值是ref类型的变量。所以是响应式的。
// const value = ref("我是根组件");
// provide("title",value);

// 4、提供数据：用computed，所以也是响应式的。
// const value = ref("我是根组件");
// provide("title",computed(()=>value.value));

// setInterval(()=>{
//   value.value+="1";
// },1000)

</script>

<template>
  <router-view></router-view>
  
</template>

<style scoped>

</style>
